{extend name="template/base" /}
{block name="content"}
<div class="page-container">

    <style>
        .text-c{}
        .text-c td{border-left:none;}
        .text-c td input {width:15px;height:15px;}
        .open{position:relative;font-size:25px;}
        .open span{width:50%;height:50%;display:inline-block;border-bottom:1px #999 solid;border-left:1px #999 solid;position:absolute;right:0;top:0;}
        .open i {height:100%;width:50%;border-left:1px #999 solid;float:right;display:inline-block;position:absolute;right:0;}
        .open div{height:30%;width:50%;position:absolute;right:0;bottom:0;border-left:1px #999 solid;}
        .box{border:1px #ccc solid;width:100%;display:inline-block;}
        .delete{font-size:15px;font-weight:600;background:#eee;width:15px;height:15px;border-radius:50%;line-height:12px;cursor:pointer;position:absolute;right:-5px;top:-5px;}
        .box .title{background:#eee;padding:0 20px;line-height:30px;}
        .listBox{width:100%;margin-right:-20px;display:inline-block;}
        .listBox .list{
            font-size:14px;
            color:#020202;
            background:#f5f5f5;
            border-radius:10px;
            width:138px;
            display:inline-block;
            float:left;
            margin:20px;
            text-align:left;
            position:relative;
        }
        .listBox .list p{
            font-weight:600;
            margin:5px 0;text-align:center;
        }
        .listBox .list span{margin:5px 0;width:60px;display:inline-block;text-align:center;}
        .submits {border-top:1px #ccc solid;width:100%;background:#eee;height:40px;padding:5px 0;}
        .submits button{background:#5a98dd;font-size:15px;border-radius:5px;border:none;width:50px;height:30px;line-height:30px;color:#fff;margin:0 auto;display:block;cursor:pointer;}
        .submits button:hover{background:#0a6998;}
        .selected_box{
            background:#b7e3b7!important;
        }
    </style>
    <form class="mb-20" method="get" id="search3" onsubmit="return false" action="{:\\think\\Url::build($Request.action)}">
        <input type="text" class="input-text" style="width:250px" placeholder="订单号" name="order_id" value="{$Request.param.order_id}">
        <input type="text" class="input-text" style="width:250px" placeholder="预订人姓名" name="booking_people_name" value="{$Request.param.booking_people_name}">
        <input type="text" class="input-text" style="width:250px" placeholder="预订人电话" name="booking_people_phone" value="{$Request.param.booking_people_phone}">
        <input type="text" class="input-text" style="width:250px" placeholder="线路名称" name="route_title" value="{$Request.param.route_title}">
        <input type="hidden" name="ajaxSearch" value="1">
        <input type="text" autocomplete="off" class="input-text Wdate  mb-5" style="width:250px" placeholder="出行日期开始日期" name="start_time" value="{$Request.param.start_time}" {literal} onfocus="WdatePicker({dateFmt: 'yyyy-MM-dd'})" {/literal} > 至
        <input type="text" autocomplete="off" class="input-text Wdate  mb-5" style="width:250px" placeholder="出行日期结束日期" name="end_time" value="{$Request.param.end_time}" {literal} onfocus="WdatePicker({dateFmt: 'yyyy-MM-dd'})" {/literal} >
        <div class="select-box" style="width:250px">
            <select name="platform" class="select">
                <option value="">选择平台</option>
                {foreach $platform as $pvo}
                <option value="{$pvo.platform_name}">{$pvo.name}</option>
                {/foreach}
            </select>
        </div>
        <input type="text" class="input-text" style="width:250px" placeholder="用车形式" name="car_form" value="{$Request.param.car_form}">
        <button type="submit" class="btn btn-success" id="realname_btn" name="" onclick="submitData()"><i class="Hui-iconfont">&#xe665;</i> 搜索</button>
    </form>

    <!--改变-->
    <div id="test">
        {include file="traveller_pickup_ajaxpage"}
    </div>

    <script type="text/javascript" src="__LIB__/My97DatePicker/WdatePicker.js"></script>
    <script>
        function show_traveller_info(id) {
            $("#"+id+"").toggle();
            console.log(id)
        }
//        $(function () {
//            $(".traveller_info").click(function(e) {
//                var tab_id = $(".traveller_info").attr('data-val');
//                $("#"+tab_id+"").toggle();
//            });
//        });

//        搜索
        function submitData(){
            let formData = $('#search3').serialize(); // 获取表单的数据
            console.log('搜索的数据', formData)
            $.ajax({
                type: 'get',
                url: '/admin/dispatch_traveler_group/traveller_pickup',
                data: formData,
                success: function (data) {
                    $('#test').html(data)
                }
            });
        }
        //无刷新分页
        $(document).on('click','.pagination a',function (event) {
            var url = $(this).attr('href');
            $.ajax({
                type: 'get',
                url: url,
                success: function (data) {
                    $('#test').html(data)
                }
            });
            return false;
        });
    </script>
</div>
{/block}

